
.order-header {width: 1200px;height: 40px;margin-left: auto;margin-right: auto;margin-top: 20px;position: relative}

.order-header .confirm {width: 379px;line-height: 35px;display: inline-block;background-image: url("../images/bg_confirm.png");text-align: center;position: absolute;left: 50px}

.order-header .confirm p {font-size: 16px;color: white}

.order-header .choose {width: 379px;line-height: 35px;display: inline-block;background-image: url("../images/bg_choose.png");text-align: center;position: absolute;left: 416px}

.order-header .choose p {font-size: 16px;color: #666666}

.order-header .success {width: 379px;line-height: 35px;display: inline-block;background-image: url("../images/bg_success.png");text-align: center;position: absolute;left: 781px}

.order-header .success p {font-size: 16px;color: #666666}
.order-content {    width: 800px;    height: auto;    padding-top: 60px;    overflow: hidden;    margin: 0 auto;    text-align: left}

.order-content .title {font-size: 24px;color: #222222}
.order-content .detail {width: 800px;height: auto;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;margin-top: 14px}
.order-content span {font-size: 16px;color: #222222}
.order-content .project p {font-size: 16px;color: #666666;margin-top: 30px;display: inline-block}
.order-content .date p {font-size: 16px;color: #666666;margin-top: 20px;display: inline-block}
.order-content .games p {font-size: 16px;color: #666666;margin-top: 20px;display: inline-block}
.order-content .number {width: 180px;height: 41px;margin-top: 20px;line-height: 41px}
.order-content .number p {font-size: 16px;color: #666666;display: inline-block}
.order-content .event {margin-top: 20px}
.order-content .event p {font-size: 16px;color: #666666;display: inline-block}
.order-content .event span {font-size: 16px;color: #008963;display: inline-block}
.order-content .change-number {height: 41px;width: 130px;border: 1px solid #e6e6e6;border-radius: 5px;display: inline-block;position: relative;text-align: center}
.order-content .change-number .reduce {width: 41px;height: 41px;position: absolute;left: 0;cursor: pointer}
.order-content .change-number .change-number span {font-size: 16px;color: #222222}
.order-content .change-number .add {width: 41px;height: 41px;position: absolute;top: 0;right: 0;cursor: pointer}
.order-content .games span {color: #008963}
.order-content .total {text-align: left}
.order-content .total p {font-size: 16px;color: #666666;margin-top: 20px;display: inline-block}
.order-content .total span {font-size: 16px;color: #008963}
.order-content .discount {margin-top: 20px;line-height: 23px}
.order-content .discount p {font-size: 16px;color: #666666;display: inline-block}
.order-content .discount .discount-activity {margin-left: 40px}
.order-content .discount div {display: inline-block;line-height: 23px;text-align: center;position: relative}
.order-content .discount div img {position: absolute;left: 0;margin-right: 10px;width: 23px;height: 23px;cursor: pointer}
.order-content .discount div span {margin-left: 30px}
.order-content .pay p {font-size: 16px;color: #222222;margin-top: 30px;margin-bottom: 30px;display: inline-block}
.order-content .pay img {display: inline-block;width: 16px;height: 16px;margin-right: 10px;margin-left: 30px}
.order-content .unit {margin-right: 30px;color: #008963}
.order-content .money {font-size: 30px;color: #008963}
.order-content .order {width: 192px;line-height: 36px;margin: 30px auto;margin-bottom: 200px;border-radius: 18px;background-color: #008963;text-align: center;cursor: pointer}
.order-content .order a {font-size: 16px;color: white}
.order-content .coupon-detail {width: 796px;height: auto;margin-top: 30px;border: 1px solid #e6e6e6}
.order-content .use-coupon {height: 66px;width: 800px;border-bottom: 1px solid #e6e6e6}
.order-content .use-coupon .input-coupon {width: 256px;line-height: 36px;margin: 15px;border-radius: 18px;border: 1px solid #e6e6e6;display: inline-block;text-align: center}
.order-content .use-coupon .input-coupon input {font-size: 16px;color: #aaaaaa;border: none}
.order-content .use-coupon .input-coupon input:focus {outline: none}
.order-content .use-coupon .start-coupon {width: 139px;line-height: 36px;display: inline-block;border-radius: 18px;text-align: center;background-color: #aaa;cursor: pointer}
.order-content .use-coupon .start-coupon p {font-size: 16px;color: white}
.order-content .use-coupon .error-msg {font-size: 16px;color: #222222;margin-left: 30px;display: inline-block}
.order-content .coupon-empty {width: 796px;height: auto;padding: 20px;text-align: center}
.order-content .coupon-empty p {font-size: 16px;color: #666666}
.order-content .coupon-list {width: 796px;height: auto;padding: 20px}
.order-content .coupon-list .coupon-desc p {text-align: center}
.order-content .coupon-list .coupon-desc p.type {width: 130px;font-size: 16px;color: #666666;display: inline-block}
.order-content .coupon-list .coupon-desc p.desc {width: 170px;font-size: 16px;color: #666666;display: inline-block}
.order-content .coupon-list .coupon-desc p.can-use {width: 200px;font-size: 16px;color: #666666;display: inline-block}
.order-content .coupon-list .coupon-desc p.date {width: 200px;font-size: 16px;color: #666666;display: inline-block}
.order-content .coupon-list .coupon-item {margin-top: 20px;width: 796px;height: auto}
.order-content .coupon-list .coupon-item span {font-size: 16px;color: #222222;display: inline-block;text-align: center}
.order-content .coupon-list .coupon-item span.type {width: 130px}
.order-content .coupon-list .coupon-item span.desc {width: 170px}
.order-content .coupon-list .coupon-item span.can-use {width: 200px}
.order-content .coupon-list .coupon-item span.end_date {width: 200px}
.order-content .coupon-list .coupon-item .use {width: 60px;line-height: 20px;text-align: center;border-radius: 10px;border: 1px solid #4f6dcf;display: inline-block}
.order-content .coupon-list .coupon-item .use p {font-size: 14px;color: #4f6dcf;cursor: pointer}

.no-margin {  margin: 0; }